<template>
    <div>
        <div class="refreshpage">
        <el-progress class="refreshpage_progress"
        type="circle" :percentage="percentage"
        :show-text="false"></el-progress>
        <div
        class="refreshpage_loading"
        type="primary"
        v-loading="fullscreenLoading"
        element-loading-text="拼命加载中"
        element-loading-spinner="el-icon-loading"></div>
        </div>
    </div>
</template>

<script>
export default {
    name:'PxChangeAddRefresh',
    data() {
        return {
            percentage:'',
            fullscreenLoading: false,
            FromRouterData:0,
        }
    },
    mounted(){
        this.FromRouterData=this.$route.params.data
        this.percentage=100;
        console.log('我是中转路由哦');
        this.fullscreenLoading=true
        setTimeout(() => {
            this.fullscreenLoading=false
            console.log('刷新路由看一下FromRouterData',this.FromRouterData);
            this.$router.push({name:'PxChangeAdd',
                                params:{data:this.FromRouterData+2}})
        }, 400);
    }
}
</script>

<style scoped>
.refreshpage{
    padding-left: 150px;
    margin: 0 auto;
    padding-top: 70px;
    height: 300px;
    width: 400px;
}
.refreshpage_progress{
    margin-left: 20px;
    margin-top: 20px;
}
.refreshpage_loading{
    margin-left: -235px;
    margin-top: -70px;
}
</style>